<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="ctp-tag" prefix="ctp"%>
<%@ page import="com.icbc.cte.base.*"%>
<%@ page import="com.icbc.ssic.base.Credentials"%>
<%@ page import="com.icbc.ssic.base.SSICUser"%>
<%
	String ssicFlag = request.getParameter("ssicFlag");
	if ("1".equals(ssicFlag)) {
		Credentials cred = null;
		SSICUser user = null;
		Object obj = null;
		obj = request.getAttribute("ssiCredentials");
		boolean isSsicAuth = false;
		if (obj != null) {
			cred = (Credentials) obj;
			user = cred.getSSICUser();
			String userName = user.getUserName();
			String userName1 = request.getParameter("userId");
			if (userName != null && userName.equals(userName1)) {
				isSsicAuth = true;
			}
		}
		if (!isSsicAuth) {
			request.getRequestDispatcher("/index.jsp").forward(request,response);
		}
	}
	//配合安全改造
	String pwdChangePeriod;
	String webMode;
	try {
		pwdChangePeriod = CTEConstance.getEnvProperty("pwdChangePeriod");
		webMode = CTEConstance.getEnvProperty("webMode");
	} catch (Exception e) {
		webMode = "standard";
		pwdChangePeriod = "90";
	}
	if(null == webMode || "".equals(webMode)){
		webMode = "standard";
	}
	if(null == pwdChangePeriod || "".equals(pwdChangePeriod)){
		pwdChangePeriod = "90";
	}
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>水平三栏结构</title>
        <ctp:include items="borderlayout,accordion,textfield,gridlayout,panel,messagebox" />
		<link id="mainframe_common" href="<ctp:out name='fullPath'/>css/skins/<%=webMode%>/ctp-common.css" rel="stylesheet" type="text/css" />
        <link id="mainframe_menu" href="<ctp:out name='fullPath'/>css/skins/<%=webMode%>/menu_h.css" rel="stylesheet" type="text/css" />
        <link id="mainframe_mainframe" href="<ctp:out name='fullPath'/>css/skins/<%=webMode%>/mainframe_h.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="<ctp:out name='fullPath'/>js/leftmenu.js"></script>
        <script type="text/javascript" src="<ctp:out name='fullPath'/>js/changeskins.js"></script>
        <!--对角色相关的变量进行赋值  start -->
        <ctp:iterator name="sessCtx.roleList" var="role">
            <ctp:set name="roleId" value="role.id" />
            <ctp:if test="$index==0">
                <ctp:if test="sessCtx.defaultRoleId==null || sessCtx.defaultRoleId==''">
                    <ctp:set name="currentroleId" value="roleId" />
                </ctp:if>
                <ctp:else>
                    <ctp:set name="currentroleId" value="sessCtx.defaultRoleId" />
                </ctp:else>
            </ctp:if>
        </ctp:iterator><!--对角色相关的变量进行赋值  end -->
        <script type="text/javascript">
            var northBorderlayout, centerBorderlayout, mainBorderLayout, accordionPanel, menuContent, shortcutFlag = 0, collapseFlag = 0, ctpStatusBar, statusbar, textfield1, panel1, panel2, webMode = '<%=webMode%>', themeFlag = 0, unloadflag = true;
            var pwdChangePeriod = "<%=pwdChangePeriod %>";
            var ssicFlag = '<ctp:out name="sessCtx.ssicFlag"/>';
            
            $(window).bind({
                'load': init,
                'unload': function(){
					if (unloadflag) {
						try {
							ctp.data.getJSON('<ctp:url href="signoff.opg"/>');
						} catch (e) {
						//屏蔽了超时时关闭页面导致抛出错误的问题
						}
					}
                }
            });
            
            //页面初始化
            function init(){
            
                //IE6图片缓存问题
                try {
                    document.execCommand('BackgroundImageCache', false, true);
                } catch (e) {
                }
                
                //为全局变量状态条新建对象
                window.ctpStatusBar = new ctp.ui.statusbar({
                    isVisible: false,
                    renderTo: 'body'
                });
                top.statusbar = top.ctpStatusBar = window.ctpStatusBar;
				
                var color = colorInit();
				$('.change_bgimg').find('div[theme='+color+']').parent().addClass("select");
                var data = ctp.data.getJSON('<ctp:url href="getlogonmenu.flowc" flowActionName="changetheme"/>&theme=' + color);
                if (data[0].retCode && data[0].retCode == '0') {
                    changeSkin_css(color);
                }
                
                //初始化页面布局
                layoutInit();
                
                //缓存top层变量
                top.ctpMSB = ctpMSB;
                top.setFont = setFont;
                
                //添加菜单
                menuContent = $('#menutree').contents().find('body');
                $('#section_1').append(menuContent.html());
                
                //添加常用菜单
                var shortcut = $('#menutree').contents().find('#Shortcut_menu');
                
                if (shortcut.size()) {
                    shortcutFlag = 1;
                    shortcut.find('.collapsed-1').removeClass('collapsed-1');
                    shortcut.find('span').first().removeClass("t-minus").addClass("l-minus");
                    shortcut.find('span').first().attr('node', 'last');
                    var shortcutHtml = shortcut.html();
                    shortcutHtml = "<div class='menu-body' onclick='menuShow(event)'><ul><li class='L1'>" + shortcutHtml + "</li></ul></div>";
                    $('#section_2').html(shortcutHtml);
                }
				
				$('.L21 > a').click(function(){
                    var spanClass = $(this).children().attr("class");
                    if (spanClass != "t-plus") {
                        $(this).children().attr("class", "t-plus");
                        $(this).parent().find("ul").css("display", "none");
                        accordionPanel.resize();
                    }
                    else {
                        $(this).children().attr("class", "t-minus");
                        $(this).parent().find("ul").css("display", "block");
                        accordionPanel.resize();
                    }
                });
				
				menuInit();				
                //添加Accordion Panel
                accordionPanel = new ctp.ui.accordion({
                    renderTo: mainBorderLayout.panes.west,//"accordion",
                    autoWidth: true,
                    autoHeight: true,
                    active: 1,
                    type: 'menu',
                    collapsible: false,
                    items: [{
                        title: '<ctp:label key="ctp-menumsg-001" />',
                        items: ["section_2"],
                        button: '<ctp:label key="main.set" />',
                        buttonOnClick: function(){
                            submit(null, 'personal.flowc?flowActionName=defineShortCutMenu', '2', '<ctp:label key="main.define_common_menu" />')
                        }
                    }, {
                        title: '<ctp:label key="ctp-menumsg-003" />',
                        items: ['section_1'],
                        button: '<ctp:label key="main.collapse" />',
                        buttonOnClick: collapseNode
                    }]
                });
                
                accordionPanel.setHeight(mainBorderLayout.panes.west.height());
                
                $('#collapseButton').bind('click', function(){
                    northBorderlayout.close('north');
                    mainBorderLayout.sizePane('north', 38);
                    mainBorderLayout.close('south');
                });
				
				$('#changeskinButton').click(function(){
					if(themeFlag === 1){
						$('.change_skin_box').css("display","none");
						themeFlag = 0;
					}else if(themeFlag === 0){
						$('.change_skin_box').css("display","block");
						themeFlag = 1;
					}
				});
				
				/*$('.change_bgcolor li').click(function(){
                    $('.change_bgcolor li').siblings().removeClass("sel");
					$(this).addClass("sel");
					$('#mainContent').contents().find('body').css('background-color','#ddd');
                });*/
                $('.change_bgimg li').click(function(e){
                    $('.change_bgimg li').siblings().removeClass("select");
                    $(this).addClass("select");
                    $('.change_skin_box').css("display", "none");
                    themeFlag = 0;
                    var theme = $(e.target).attr('theme');
                    if (genId.current) {
                        $("#" + genId.current).removeClass("ctp-leftmenu-visited");
                    }
                    var data = ctp.data.getJSON('<ctp:url href="getlogonmenu.flowc" flowActionName="changetheme" />&theme=' + theme);
                    if (data[0].retCode && data[0].retCode == '0') {
                        changeSkin_css(theme);
                        webMode = theme;
                        menuInit();
                        menuSelect();
                        textfield1.getJqDom().find('.ctp-textfield-button-bg').css('background-image', 'url(' + ctp.core.getWebRoot() + 'images/' + webMode + '/textfield/search_bt.gif)');
						if(theme == 'vitalorange'){
							$('.accordion-fff').css('color','#6a291d');
						}else{
							$('.accordion-fff').css('color','#ffffff');
						}
                    }
                });
				
                if (webMode == 'vitalorange') {
                    $('.accordion-fff').css('color', '#6a291d');
                }
                else {
                    $('.accordion-fff').css('color', '#ffffff');
                }
                
                textfield1 = new ctp.ui.textfield({
                    id: 'textfield1',
                    type: 'button',
                    width: '221px',
                    buttonSet: {
                        background: 'images/' + webMode + '/textfield/search_bt.gif',
                        width: '24px',
                        text: '&nbsp;'
                    },
                    text: 'test'
                });
                
                panel1 = new ctp.ui.panel({
                    id: 'panel1',
                    title: '<ctp:label key="main.toolbar1" />',
                    height: '160px',
                    width: '221px',
                    collapsible: false
                });
                
                panel2 = new ctp.ui.panel({
                    id: 'panel2',
                    title: '<ctp:label key="main.toolbar2" />',
                    height: '160px',
                    width: '221px',
                    collapsible: false
                });
                
                gridlayout1 = new ctp.ui.gridlayout({
                    id: 'gridlayout1',
                    align: 'center',
                    cols: 1,
                    rowSpace: 10,
                    height: '100%',
                    defaults: {
                        align: 'center'
                    },
                    items: [[{
                        element: textfield1
                    }], [{
                        element: panel1
                    }], [{
                        element: panel2
                    }]],
                    renderTo: mainBorderLayout.panes.east
                });
				
				//判断是否为邮件链接跳转
                var _nodeId = '<ctp:out name="ctpLoginItem"/>';
                if (_nodeId != '' && _nodeId != 'null') urlParse();
                else menuSelect();
                
                panel1.getJqDom().find('.x-pne-caption').css({
                    'padding-left': 0,
                    'background-image': 'none'
                });
                
                panel2.getJqDom().find('.x-pne-caption').css({
                    'padding-left': 0,
                    'background-image': 'none'
                });

                //配合安全改造
                var currUserLstModPwdTime = '<ctp:out name="sessCtx.user.lstModPwdTime"/>';
                var currUserPwdIsReseted = '<ctp:out name="sessCtx.user.pwdIsReseted"/>';

                var alertMsg;
                var moreThanPeriod = moreThanPwdChangePeriod(currUserLstModPwdTime, pwdChangePeriod);
                if(currUserPwdIsReseted === '1'){
                	alertMsg = '<ctp:label key="pwd_is_reseted" />';//系统检测到您是首次登录或密码经过重置，请点击“确定”修改密码，否则无法继续操作系统，并将退出系统。
                }else if(moreThanPeriod){
                    alertMsg = '<ctp:label key="more_than_change_period1" />'//系统检测到您已经超过 
                        + pwdChangePeriod 
                    	+ '<ctp:label key="more_than_change_period2" />';//天没有修改密码，请点击“确定”修改密码，否则无法继续操作系统，并将退出系统。
                }
                //pwdChangePeriod
                if(currUserPwdIsReseted === '1' || moreThanPeriod){
                    //用户密码经过重置或首次登录，强制用户修改密码
                    ctpMSB.alert({
                        message: alertMsg,
                        handler: function(tp){
                            if(tp === 'ok'){
                            	ctpMSB.win({
                            		title: '<ctp:label key="change_password"/>',//修改密码
                                    message: '<ctp:url href="changepassword.flowc" flowActionName="changepassword" />',
                                    width: '500px',
                                    height: '250px',
                                    iframe: true,
                                    handler: function(tp){
                                        if(tp === 'close'){
                                        	ctpMSB.alert({
                                            	title: '<ctp:label key="operation_tips"/>',//操作提示
                                            	message: '<ctp:label key="do_not_change_password"/>', //您没有修改密码，无法继续操作系统，并将退出系统。
                                            	handler: function(tp){
                                            		signOff_submit('0', 'signOut');//如果不更改密码，则签退
                                            	}
                                        	});
                                        }
                                    }
                                });
                            }else{
                            	ctpMSB.alert({
                            		title: '<ctp:label key="operation_tips"/>',//操作提示
                                	message: '<ctp:label key="do_not_change_password"/>', //您没有修改密码，无法继续操作系统，并将退出系统。 
                                	handler: function(tp){
                                		signOff_submit('0', 'signOut');//如果不更改密码，则签退
                                	}
                            	});
            				}
                        }
                    });
                    
                }
            };
            
            //初始化页面布局
            function layoutInit(){
                northBorderlayout = new ctp.ui.borderlayout({
                    id: 'northBorderlayout',
                    type: '2E',
                    north__resizable: false,
                    north__spacing_open: 0,
                    north__size: 62,
                    north__items: ['header_Top'],
                    north__onOpen: function(){
                        mainBorderLayout.sizePane('north', 94);
                        var center = northBorderlayout.getJqDom().find('.ui-layout-pane-center');
                        if (center.length > 0) {
                            center.css({
                                height: '32px',
                                top: '62px'
                            });
                        }
                    },
                    center__items: ['header_Bottom']
                });
                
                centerBorderlayout = new ctp.ui.borderlayout({
                    id: 'centerBorderlayout',
                    type: '2E',
                    north__resizable: false,
                    north__spacing_open: 0,
                    north__size: 35,
                    north__items: ['main_header'],
                    center__items: ['main_center']
                });
                
                mainBorderLayout = new ctp.ui.borderlayout({
                    id: 'mainBorderLayout',
                    type: "5I",
                    north__resizable: false,
                    north__size: 94,
                    north__spacing_open: 0,
                    north__items: [northBorderlayout],
                    west__size: 200,
                    west__contentPadding: '6px 0 0 0',
                    south__size: 23,
                    south__resizable: false,
                    south__spacing_open: 0,
                    south__items: ['footer'],
                    east__size: 240,
                    east__contentPadding: '6px 0 0 0',
                    east__background: '#f0f0f0',
                    center__items: [centerBorderlayout],
                    onResize: function(pname, ele, stat, popt, lname){
                        if (pname == "west") {
                            if (accordionPanel) {
                                accordionPanel.resize();
                                accordionPanel.setHeight(mainBorderLayout.panes.west.height());
                            }
                        }
                    },
                    renderTo: 'body'
                });
            }

          	//配合安全改造：检查上一次密码修改日期距今是否超过密码修改周期
            function moreThanPwdChangePeriod(currUserLstModPwdTime, pwdChangePeriod){
                var today = new Date();
                var year = today.getFullYear();
                var month = today.getMonth() + 1;
                var date = today.getDate();
                var todayStr = year + '/' + (month > 10 ? month : '0' + month) + '/' + (date > 10 ? date : '0' + date);
                var now = new Date(todayStr);
                var nowMillisecond = now.getTime();
                pwdChangePeriod_ms = parseInt(pwdChangePeriod)*24*60*60*1000;
                var period = nowMillisecond - pwdChangePeriod_ms;//计算出改密码周期前的毫秒数 
                var dateBeforepwdChangePeriod = new Date(period);//当前日期到改密码周期之间的毫秒数
                year = dateBeforepwdChangePeriod.getFullYear();
                month = dateBeforepwdChangePeriod.getMonth() + 1;
                date = dateBeforepwdChangePeriod.getDate();
                //获得
                dateBeforepwdChangePeriodStr = year + (month > 10 ? month : '0' + month) + (date > 10 ? date : '0' + date);

                if(currUserLstModPwdTime > dateBeforepwdChangePeriodStr){
                    //上一次修改日期比改密码周期前要大，即还在周期内
                    return false;
                }else{
                    //周期外
                    return true;
                }
            }
            
            function changeMenu(index){
            
                //点击的一级菜单对应的菜单部分显示出来
                $('#section_1').find("li.L1").eq(index).css({
                    display: 'inline-block',
                    width: '100%'
                });
                //把上面显示出来的菜单的一级菜单部分隐藏
                $('#section_1').find("li.L1").eq(index).children().first().hide();
                var a01 = $('#section_1').find("li.L1");
                //隐藏其他菜单
                hideMenu(a01, index);
            }
            
            function hideMenu(menu, notHide){
                //遍历全部菜单，除了参数设置为不隐藏的，都隐藏掉
                for (var i = 0; i < menu.length; i++) {
                    if (i === notHide) continue;
                    $(menu[i]).hide();
                }
            }
            
            function selectTag(selfObj, index){
                var tag = document.getElementById("menuDiv").getElementsByTagName("div");
                var taglength = tag.length;
                for (i = 0; i < taglength; i++) {
                    tag[i].className = "";
                }
                selfObj.parentNode.className = "selectTag";
                
                changeMenu(index);
                accordionPanel.resize();
            }
            
            function menuFirstMouseOver(menuObj){
                var divObj = menuObj.parentNode;
                if (!$(divObj).hasClass('selectTag')) {
                    divObj.className = "mouseover";
                }
            }
            
            function menuFirstMouseOut(menuObj){
                var divObj = menuObj.parentNode;
                $(divObj).removeClass("mouseover");
            }
            
            function collapseNode(){
                //展开
                if (collapseFlag === 0) {
                    hideAll('L21');
                    accordionPanel.resize();
                    accordionPanel.changeButtonText(1, '<ctp:label key="main.spread" />');
                    collapseFlag = 1;
                }
                //折叠
                else if (collapseFlag === 1) {
                    showAll('L21');
                    accordionPanel.resize();
                    accordionPanel.changeButtonText(1, '<ctp:label key="main.collapse" />');
                    collapseFlag = 0;
                }
            }
            
            //fontSize为 数值，字体 大小数字，height为 高度 数值，textAlign可以设置为"left","right","center";
            //例如：breadcrumbStyle(16,24,"center");表示字体大小为 16Px，高度 为 24px，居中对齐
            function breadcrumbStyle(fontSize, height, textAlign){
                var bcs = $('#main_header div');
                bcs.css({
                    "font-size": fontSize + "px",
                    "height": height + "px",
                    "text-align": textAlign
                });
            }
            
            //top.setFont("xxx");用来设置功能标题区里的文字
            function setFont(text){
                $('#main_header .breadcrumb_nav').text(text);
            }
            
            //签退操作
            function signOff_submit(flag, siteOperationName){
				unloadflag = false;
                document.signOffForm.siteOperationName.value = siteOperationName;
                if (flag == '0') {
                    document.signOffForm.flowActionName.value = "signOut";
                }
                else {
                    document.signOffForm.flowActionName.value = "exit";
                }
                document.signOffForm.submit();
            }
			
			//生成横向一级菜单
			function menuInit(){
				$('#menuDiv').empty();
				var a01 = menuContent.find("li.L1");
                //创建一级菜单，放到横向导航条里
                for (var i = 0; i < a01.length; i++) {
                    //常用菜单那个不用显示
                    if (shortcutFlag && i === 0) continue;
                    var menuTitle = $(a01[i]).find('a').first().text();
					var menuHtml;
					if (webMode == 'vitalorange') {
						menuHtml = "<div id='menuDiv" + i + "'><a onclick='selectTag(this," + i + ")' onmouseover='menuFirstMouseOver(this)' onmouseout='menuFirstMouseOut(this)' href='javascript:void(0)'><span class='nav_left'></span><span class='nav_center'>" + menuTitle + "</span><span class='nav_right'></span></a></div>";
					}else{
						menuHtml = "<div id='menuDiv" + i + "'><a onclick='selectTag(this," + i + ")' onmouseover='menuFirstMouseOver(this)' onmouseout='menuFirstMouseOut(this)' href='javascript:void(0)'><span>" + menuTitle + "</span></a></div>";
					}
                    $('#menuDiv').append(menuHtml);
                }//增加了span，放背景图片；
                //把第一个菜单里的一级菜单隐藏掉
                $('#section_1').find("li.L1").children().first().hide();
                //把第二个菜单里的一级菜单隐藏掉
                $('#section_2').find("li.L1").children().first().hide();
                //隐藏其他菜单
                hideMenu($('#section_1').find("li.L1"), 0);
				
				if (webMode == 'vitalorange') {
					//给一级菜单设置z-index
					var i = 0, el = $('#menuDiv>div>a'), len = el.length, linkZindex;
					for (; i < len; i++) {
						linkZindex = 10 - i;
						el.eq(i).css('z-index', linkZindex);
					}
				}
				
			}
			
			function menuSelect(){
				var menuDiv0 = $('#menuDiv').find('div')[0];
                if ($(menuDiv0).length > 0) {
                    var menuDivA = $(menuDiv0).find('a')[0];
                    if ($(menuDivA).length > 0) {
                        //如果有常用菜单则是选中第2个
                        selectTag(menuDivA, shortcutFlag ? 1 : 0);
                    }
                }
			}
			
			//通过URL直接定位函数
            function urlDirect(url, $node){
                if ($node && url) {
                    var turl;
                    var title = $node.children("a").attr("title");
                    var sessionId = document.getElementById('sessionId').value;
                    turl = url + "&dse_sessionId=" + sessionId;
                    $("#mainContent").attr("src", turl);
                    $('#main_header .breadcrumb_nav').text(title);
                }
            }
			
			//url定位
            function urlParse(){
                var _nodeId = '<ctp:out name="ctpLoginItem"/>';
                var ctpLoginUrl = '<ctp:out name="ctpLoginUrl"/>';
                var $menutree = $("#section_1 ul:first");
                var _$node = $menutree.find("#" + _nodeId);
                if (_$node.length == 0) return;
                var _$root = _$node.closest("li.L1");
                var _$ul = _$root.closest("ul");
                var _liIdx = _$ul.children("li").index(_$root);
				//选中横向一级导航里的一级菜单
                if (_liIdx != -1) {
                    var menuDiv = $('#menuDiv').find('div').eq(_liIdx);
                    var menuDivA = menuDiv.find('>a');
                    if (menuDivA.length > 0) {
                        selectTag(menuDivA[0], _liIdx);
                    }
                }
				//移除其他选中菜单的样式
                var navObj = $('.navhover1');
                if (navObj.length > 0) {
                    navObj.removeAttr('style');
                    navObj.children().removeAttr('style');
                    navObj.removeClass('navhover1');
                }
				//选中菜单列表里的菜单项
                var aObj = _$node.find('>a');
                if (aObj.length > 0) {
                    aObj.children().addClass('navhover1');
                    aObj.children().css('color', '#fff');
                    aObj.addClass('navhover1');
                    aObj.css({
                        'color': '#fff',
                        'height': '32px',
                        'background-image': 'url(' + CTP_WEB_FULLPATH + '/images/' + CTP_COLOR + '/menu/left_nav_b_3.png)',
                        'background-repeat': 'repeat-x',
                        'background-position-x': 'left',
                        'background-position-y': 'top'
                    });
                }
				//看看是否需要移动菜单列表的滚动条（需要延迟一点，等菜单完全加载）
                setTimeout(function(){
                    var accordionContent = $("#ctp-accordion-content-1");
                    var _nodeTop = _$node.offset().top - accordionContent.offset().top;
                    var _contentH = accordionContent.height();
                    if (_nodeTop > _contentH) {
                        accordionContent.scrollTop(_nodeTop - _contentH + _$node.height());
                    }
                }, 200);
				//交易页面区域切换到对应的页面
                if (ctpLoginUrl != "" && ctpLoginUrl != 'null' && _$node.size() > 0) {
                    urlDirect(ctpLoginUrl, _$node);
                }
            }
        </script>
    </head>
    <body>
        <div id="header_Top" class="header">
            <div class="headerBg">
                <div id="header_left" class="headerleft">
                    <div class="logo"></div>
                    <div id="headerSystemName" class="systemname">
                        <ctp:label key="main.title" />
                    </div>
                </div>
                <div class="header-right-up">
                    <a class="head-right-text" href="#">
                        <span><ctp:label key="main.help" /></span>
                    </a>
                    <a class="head-right-text" href="#">
                        <span><ctp:label key="main.traditional" /></span>
                    </a>
                    <a class="head-right-text last" href="#">
                        <span>English</span>
                    </a>
                </div>
                <div class="header-right-down">
                    <a class="User">
                        <span><ctp:out name='sessCtx.user.branchName' /></span><span>，</span>
                        <span><ctp:out name='sessCtx.user.name' /></span>
                    </a>
                    <a id='changeskinButton' class="textbutton skin">&nbsp;</a>
                    <a id='collapseButton' title='<ctp:label key="main.collapseHeaderFooter" />' class="textbutton collapse">&nbsp;</a>
                    <ctp:if test="sessCtx.ssicFlag eq 1">
                        <a class="textbutton Quit" href="javascript:signOff_submit('1','signOutSSI');"></ctp:if>
                    <ctp:else>
                    <a class="textbutton Quit" href="javascript:signOff_submit('0', 'signOut');"></ctp:else>
                    <span><span><ctp:label key="main.logout" /></span></span>
                </a>
            </div>
        </div>
        </div>
        <div id="header_Bottom" class="header_bottom">
            <div id='menuDiv'></div>
        </div>
        <iframe id='menutree' style="display:none" src='<ctp:url href="getlogonmenu.flowc?flowActionName=process0" params="userId=sessCtx.user.id;defaultRoleId=currentroleId;Language=sessCtx.Language;fullpath=fullPath;menuType=\"menu\"" />'></iframe>
        <div id="main_header" class="breadcrumb_box">
            <div class="breadcrumb_nav">
                <ctp:label key="BS_flag_introduce" />
            </div>
            <div id='sysTime'>
                <ctp:dateFmt style="long"/>
            </div>
        </div>
        <div id="main_center">
            <iframe id="mainContent" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" width="100%" height="100%" SCROLLING="auto" SRC="<ctp:url href="getlogonmenu.flowc" flowActionName="introduction" />"></iframe>
        </div>
        <div id="left">
            <div id="section_1"></div>
            <div id="section_2"></div>
        </div>
        <div id="footer" class="footer">
            <div id="version" class="footer_version">
                <ctp:label key="copyright" />
            </div>
            <div id="logonTime" class="footer_logonTime"></div>
        </div>
        <input id="sessionId" type="hidden" value="<ctp:out name='sessCtx.dse_sessionId' />" />
        <input id="fullPath" type="hidden" value="<ctp:out name='fullPath' />" />
        <input id="Language" type="hidden" value="<ctp:out name='sessCtx.Language' />" />
        <ctp:form name="signOffForm" method="post" action="signoff.flowc" flowActionName="signOut">
            <ctp:hidden name="siteOperationName" />
        </ctp:form>
		<div class="change_skin_box" style="display:none">
			<div class="change_skin_top"></div>
			<div class="change_skin_center">
				<div class="change_repeat_bg">
					<!--h3>选择工作区底色</h3>
					<div class="change_bgcolor">
						<ul>
							<li class="sel">
								<div class="bgcolor_white"></div>
							</li>
							<li>
								<div class="bgcolor_green"></div>
							</li>
							<li>
								<div class="bgcolor_gray"></div>
							</li>
						</ul>
						<div class="hackbox"></div>
					</div-->
					<h3><ctp:label key="main.changetheme" /></h3>
					<div class="change_bgimg">
						<ul>
							<li>
								<div class="change_red" theme="standard"></div>
								<h4 theme="standard"><ctp:label key="main.icbcred" /></h4>
							</li>
							<li>
								<div class="change_iceblue" theme="iceblue"></div>
								<h4 theme="iceblue"><ctp:label key="main.iceblue" /></h4>
							</li>
							<li>
								<div class="change_orange" theme="vitalorange"></div>
								<h4 theme="vitalorange"><ctp:label key="main.vitalorange" /></h4>
							</li>
							<li>
								<div class="change_inkcyan" theme="inkcyan"></div>
								<h4 theme="inkcyan"><ctp:label key="main.inkcyan" /></h4>
							</li>
							<li>
								<div class="change_coffee" theme="coffee"></div>
								<h4 theme="coffee"><ctp:label key="main.coffee" /></h4>
							</li>
							<li>
								<div class="change_skyblue" theme="skyblue"></div>
								<h4 theme="skyblue"><ctp:label key="main.skyblue" /></h4>
							</li>
							<li>
								<div class="change_hotred" theme="hotred"></div>
								<h4 theme="hotred"><ctp:label key="main.hotred" /></h4>
							</li>
						</ul>
					</div>
				</div>				
			</div>
			<div class="change_skin_bottom"></div>
		</div>
    </body>
</html>